@charset "utf-8";
@import "reset";
$fontsize:40;
@function r($px) {
    @return$px/$fontsize *1rem;
}

.web {
    width: 100%;
    height: 100%;
    position: relative;
}

header {
    width: 100%;
    height: r(97);
    font-size: r(40);
    background: transparent;
    position: absolute;
    top: 0;
    z-index: 1;
    .top {
        width: r(674);
        margin: 0 auto;
        margin-top: r(30);
        .top_l {
            width: r(19);
            height: r(35);
            img {
                width: 100%;
            }
        }
        .top_r {
            width: r(35);
            line-height: r(35);
            a {
                color: white;
                font-size: r(70);
            }
        }
    }
}

section {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
    .tup {
        width: 100%;
        height: r(600);
        background: url(../../img/img3/11-14.jpg);
        background-size: 100%;
        p {
            font-size: r(54);
            color: white;
            padding-top: r(245);
            text-align: center;
            letter-spacing: 4px;
        }
        span {
            display: block;
            color: white;
            text-align: center;
            margin-top: r(42);
            font-size: r(18);
            div {
                display: inline-block;
                width: r(15);
                height: r(18);
                margin-left: r(18);
                margin-right: r(18);
                img {
                    width: 100%;
                }
            }
        }
    }
    .yuan{
        width: r(371);
        height: r(90);
        margin: 0 auto;
        margin-top: r(80);
        .yuan1{
            width: r(90);
            height: r(90);
            border-radius: 50%;
            overflow: hidden;
            border: 1px solid #b0aead;
            margin-right: r(50);
            img{
                width: 50%;
                margin-left: r(22);
                margin-top: r(22);
            }
        }
        .yuan2{
            width: r(90);
            height: r(90);
            border-radius: 50%;
            overflow: hidden;
            border: 1px solid #b0aead;
            img{
                width: 40%;
                margin-left: r(25);
                margin-top: r(24);
            }
        }
    }
}
.tiao{
    width: 100%;
    height: r(151);
    background: #f9f9f9;
    ul{
        width: r(637);
        margin: 0 auto;
        padding-top: r(32);
        li{
            display: inline-block;
            font-size: r(40);
            text-align: center;
            margin-right: r(103);
            p{
                font-size: r(18);
                color: #777777;
            }
            a{
                color: black;
            }
        }
        li:nth-child(4){
            margin: 0;
        }
    }
}
.tu3{
    width: r(330);
    height: r(330);
    margin-left: r(29);
    margin-top: r(30);
    img{
        width: 100%;
    }
}
.tu4{
    width: r(330);
    height: r(191);
    margin-left: r(29);
    margin-top: r(30);
    img{
        width: 100%;
    }
}
